import { ref } from "vue";
import { Sign } from '@/service/getInfo';
import router from '@/router/index'; // 直接引入 router 实例

const formData = ref({
  company: "锐捷",
  username: "",
  password: "",
  age: "11",
  sex: "",
  phone: "",
  avatar: "",  // 设置为字符串（用于存储文件名或base64）
});

const previewUrl = ref<string | null>(null);

// 图片上传
const handleFileUpload = (event: Event) => {
  const input = event.target as HTMLInputElement;
  if (input.files && input.files.length > 0) {
    const file = input.files[0];
    formData.value.avatar = file.name;  // 这里只传递文件名（或者你可以改为 base64 字符串）
    previewUrl.value = URL.createObjectURL(file);  // 生成本地预览 URL
  }
  console.log(formData.value); // 监控 formData 变化
};

// 注册的函数，调用 Sign 接口
const isSign = () => {
  // 调用接口，提交表单数据
  Sign(formData.value).then((res) => {
    console.log(res);
    if (res && res.code === 200) {
      alert("注册成功！");
      // 清空formData的数据
      formData.value = {
        company: "锐捷",
        username: "",
        password: "",
        age: "",
        sex: "",
        phone: "",
        avatar: "",  // 清空 avatar 字段
      };
      router.push("/");  // 跳转到登录页面
    }
  }).catch((error) => {
    console.error("请求失败:", error);
  });
};

export {
  formData, previewUrl, isSign, handleFileUpload
};
